div.cafego {
	font: 16px Arial;
	width: 400px;
	height: 400px;
	background: url(board.png);
	background-color: #c08c38;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

div.cafego div.info,
div.cafego div.control {
	font-weight: bolder;
	width: 360px;
	height: auto;
	padding: 8px;
	color: #fff;
	background: transparent url(alpha.png) repeat;
	z-index: 10;
	position: absolute;
	margin: 0px 12px 0px 12px;
	overflow: hidden;
}

div.cafego div.info {
	cursor: pointer;
}

div.cafego div.control {
	height: 16px;
}

div.cafego div.hover {
	z-index: 5;
	position: absolute;
	margin: 0px 12px 0px 12px;
	width: 376px;
	height: 4px;
}

div.cafego div.black,
div.cafego div.white {
	width: 19px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 1;
}

div.cafego span.black,
div.cafego span.white {
	padding-left: 20px;
}

div.cafego div.black {
	background: url(black.png) no-repeat center left;
}

div.cafego div.white {
	background: url(white.png) no-repeat center left;
}

div.cafego div.now {
	top: -1px;
	left: -1px;
	width: 21px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	background: url(now.png) no-repeat center left;
	z-index: 2;
}

div.cafego span.black {
	background: url(black16.png) no-repeat center left;
}

div.cafego span.white {
	background: url(white16.png) no-repeat center left;
}

div.cafego div.black,
div.cafego div.white {
	line-height: 20px;
	text-align: center;
	font-family: arial;
	font-size: 9px;
}

div.cafego div.black {
	color: #fff;
}

div.cafego div.white {
	color: #000;
}

div.cafego div.control-click {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 30;
	position: absolute;
	cursor: pointer;
}

div.cafego div.control-play,
div.cafego div.control-pause,
div.cafego div.control-next,
div.cafego div.control-prev,
div.cafego div.control-first,
div.cafego div.control-last,
div.cafego div.control-number,
div.cafego div.control-nonum {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0px;
	margin-right: 4px;
	padding: 0px;
	z-index: 40;
	position: relative;
	cursor: pointer;
}

div.cafego div.control-play {
	background: url(play.png) no-repeat center left;
}
div.cafego div.control-pause {
	background: url(pause.png) no-repeat center left;
}
div.cafego div.control-next {
	background: url(next.png) no-repeat center left;
}
div.cafego div.control-prev {
	background: url(prev.png) no-repeat center left;
}
div.cafego div.control-first {
	background: url(first.png) no-repeat center left;
}
div.cafego div.control-last {
	background: url(last.png) no-repeat center left;
}
div.cafego div.control-number {
	background: url(number.png) no-repeat center left;
}
div.cafego div.control-nonum {
	background: url(nonum.png) no-repeat center left;
}

div.cafego div.control-text {
	height: 16px;
	margin-right: 4px;
	float: left;
	font-size: 15px;
	font-family: monospace;
	z-index: 20;
	position: relative;
}
